<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <button id="btnNews">获取新闻列表</button>

  <script src="./js/myaxios.js"></script>
  <script>
    const btnNews = document.querySelector('#btnNews')
    btnNews.addEventListener('click', function () {

      // myAxios({
      //   method:'GET',
      //   url:'http://ajax-api.itheima.net/api/city',
      //   // params:{
      //   //   pname:'浙江省'
      //   // }
      // }).then(({data:res}) =>console.log(res))

      // myAxios({
      //   method: 'GET',
      //   url: 'http://ajax-api.itheima.net/api/news',
      // }).then((res) => {
      //   console.log(res);
      // }).catch((res) => {
      //   console.log(res);
      // })


      myAxios({
        method: 'POST',
        url: 'http://ajax-api.itheima.net/api/login',

        data: {
          username: 'admin',
          password: '123456',
        }
      }).then((res) => {
        console.log(res);
      })

      myAxios({
        url: 'http://ajax-api.itheima.net/api/login',
        method: 'POST',
        data:'username=admin&password=123456'
      }).then((res) => {
        console.log(res);
      })




      // myAxios({
      //   method: 'GET',
      //   url: 'http://ajax-api.itheima.net/api/city?pname=浙江省',

      // }).then((res) => {
      //   console.log(res);
      // })

      // myAxios({
      //   method: 'GET',
      //   url: 'http://ajax-api.itheima.net/api/area',

      //   params:{
      //     pname:'浙江省',
      //     cname:'杭州市'
      //   }
      // }).then((res) => {
      //   console.log(res);
      // })






     












      
    
      // myAxios({
      //   url: 'http://ajax-api.itheima.net/api/login',
      //   method: 'Post',
      //   data: 'username=admin&password=123456',
      // })
      //   .then(res => {
      //     console.log('我在使用请求回来的值')
      //     console.log(res)
      //   })
      //   .catch(error => alert(error))
    })
  </script>
</body>

</html>